<template>
	<view class="content">
		<view class="container">
			<img class="bg-img" style="background-size: contain;" src="https://scoringchina.oss-cn-beijing.aliyuncs.com/RolexGolf/my.jpg" ></img>
			<view class="login-btn" @click="onLogin"></view>
			
		</view>
		
		
	</view>
</template>

<script>
		export default {
		data() {
			return {
			}
		},
		onLoad() {

		},
		methods: {
			onLogin() {
				uni.redirectTo({
					url: '/pages/home/index'
				});
			}
		}
	}
</script>

<style>
	.content {
		width: 100vw;
		height: 100vh;
		
	}
	.container{
		position: relative;
	}
	.bg-img {
		/* position: absolute;
		top: 0;
		left: 0; */
		width: 100vw;
	
		object-fit: contain;
		z-index: 1;
		background-size: contain;
		
		overflow: hidden;
	}

	
	
	
	.login-btn {
		width: 100vw;
		padding: 24rpx 0;
		background: rgba(255,255,255,0.18);
		color: #fff;
		border-radius: 40rpx;
		text-align: center;
		font-size: 32rpx;
		z-index: 3;
		    position: absolute;
		    left: 0;
		    bottom: 0px;
		    height: 120px;
			
	}
</style>